<!DOCTYPE html>
<html>

<head>
    <!-- Standard Meta -->
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <!-- Site Properties -->
    <meta name="description" content="135get,Team Notes by 135get.com" />
    <meta name="keywords" content="html5, ui, library, framework, javascript,135get,TeamNotes" />
    <title>Team Notes by 135get.com</title>
    <!-- <link rel="stylesheet" type="text/css" href=""> -->
    <link href="//cdn.bootcss.com/semantic-ui/2.2.7/semantic.min.css" rel="stylesheet">
    <link href="/public/static/style.css" rel="stylesheet">
</head>

<body>
    <!-- 头部 -->
    <div style="height:3px;background-color:#000;"></div>
    <div class="ui stackable main menu">
        <div class="ui text center aligned container">
            <a href="#" class="item">文章</a>
            <a href="#" class="item">归档</a>
            <a href="#" class="item">关于我</a>
        </div>
    </div>
    <!-- 主体 -->
    <div class="ui container stackable grid">
        <!-- 左侧导航 -->
        <div class="four wide column">
            <div class="ui segment">
                <div class="ui middle aligned divided list">
                    <div class="item">
                        <h3 class="ui center aligned icon header"><i class="circular google icon"></i> 团队记录
                            <div class="sub header">生命不息，折腾不止。</div>
                        </h3>
                    </div>
                    <div class="item">
                        <div class="ui fluid vertical menu">
                            <div class="item"><a href="/">Visit Home </a></div>
                            <div class="item"><a href="/post.html">Visit Archive </a></div>
                            <div class="item"><a href="#aboutme">Visit AboutMe </a></div>
                            <div class="item"><a href="#friends">Visit Friends </a></div>
                            <div class="item"><a href="https://www.google.com" class="google button"><i class="google icon"></i>Google </a></div>
                            <div class="item"><a href="https://github.com/cnphpbb" class="github button"><i class="github icon"></i> GitHub </a></div>
                            <div class="item"><a href="https://www.facebook.com/" class="facebook button"><i class="facebook icon"></i> Facebook </a></div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="middle aligned right floated content">
                            <p class="footer">
                                <span> © 2016 by <a href="#">135Get Team</a></span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 右侧列表 -->
        <div class="twelve wide column">
            <div class="ui piled segment">
                <h3 class="ui header"><a href="#link">程序员基础知识</a>
                    <div class="sub header">
                        <div class="ui horizontal list">
                            <a class="item">2015-12-31</a>
                            <a class="item" href="#">#coder</a>
                            <a class="item" href="#">#solutions</a>
                        </div>
                    </div>
                </h3>
                <p>想要成为一个合格的程序员，扎实的基础是必不可少的。</p>
                <p>想要成为一个优秀的程序员，对计算机的发展需要有深入浅出的了解。</p>
                <p>那么不如我们说说其中某些方面的前世今生。</p>
                <div class="middle aligned content">
                    <a href="#">阅读更多<i class="angle double right icon"></i></a>
                </div>
            </div>
            <div class="ui piled segment">
                <h3 class="ui header"><a href="#link">我们定义所谓的“成功人士”</a>
                    <div class="sub header">
                        <div class="ui horizontal list">
                            <a class="item">2016-12-03</a>
                            <a class="item" href="#">#solutions</a>
                            <a class="item" href="#">#guide</a>
                        </div>
                    </div>
                </h3>
                <p>在中国，很奇怪的是，我们定义所谓的“成功人士”，指的其实就是些“土财主”。我们这个社会就是这样定义的，但我自己不是这么定义的。我觉得无论你是土财主还是洋财主，土穷光蛋还是洋穷光蛋，只要自己活得开心，而且坚持了自我，就是成功人士。从这个意义上，别人说我是成功人士，我也不否认这一点，尽管我是个穷光蛋。</p>
                <div class="middle aligned content">
                    <a href="#">阅读更多<i class="angle double right icon"></i></a>
                </div>
            </div>
            <div class="ui piled segment">
                <h3 class="ui header"><a href="#link">程序员基础知识</a>
                    <div class="sub header">
                        <div class="ui horizontal list">
                            <a class="item">2015-12-31</a>
                            <a class="item" href="#">#coder</a>
                            <a class="item" href="#">#solutions</a>
                            <a class="item" href="#">#guide</a>
                        </div>
                    </div>
                </h3>
                <p>想要成为一个合格的程序员，扎实的基础是必不可少的。</p>
                <p>想要成为一个优秀的程序员，对计算机的发展需要有深入浅出的了解。</p>
                <p>那么不如我们说说其中某些方面的前世今生。</p>
                <div class="middle aligned content">
                    <a href="#">阅读更多<i class="angle double right icon"></i></a>
                </div>
            </div>
            <div class="ui piled segment">
                <h3 class="ui header"><a href="#link">我们定义所谓的“成功人士”</a>
                    <div class="sub header">
                        <div class="ui horizontal list">
                            <a class="item">2016-12-03</a>
                            <a class="item" href="#">#solutions</a>
                            <a class="item" href="#">#guide</a>
                        </div>
                    </div>
                </h3>
                <p>在中国，很奇怪的是，我们定义所谓的“成功人士”，指的其实就是些“土财主”。我们这个社会就是这样定义的，但我自己不是这么定义的。我觉得无论你是土财主还是洋财主，土穷光蛋还是洋穷光蛋，只要自己活得开心，而且坚持了自我，就是成功人士。从这个意义上，别人说我是成功人士，我也不否认这一点，尽管我是个穷光蛋。</p>
                <div class="middle aligned content">
                    <a href="#">阅读更多<i class="angle double right icon"></i></a>
                </div>
            </div>
            <div class="ui piled segment">
                <h3 class="ui header"><a href="#link">生命不息，折腾不止。</a>
                    <div class="sub header">
                        <div class="ui horizontal list">
                            <a class="item">2015-12-31</a>
                            <a class="item" href="#">#solutions</a>
                            <a class="item" href="#">#guide</a>
                        </div>
                    </div>
                </h3>
                <!--<div class="ui inverted divider"></div>-->
                <p>在我的一生中，基本上每次取得阶段性的进步，都是妇女给我的动力。我是热爱妇女的这么一个人。（笑声）所以呢，由于当时这几个综合的压力，我就决定要做出一番事业。这时候我就发现我的很多同龄人，二十二岁从学校毕业走进社会，已经混了五年，然后即便他们在这五年没有做成伟大的事业，但至少把事业的基础打好了，做起来就比较顺。而我呢，吊儿郎当胡混，时间都玩掉了，所以就没有根基。从现在开始再打基础，就会比较吃力，但是话又说回来了，我对年轻时候那种胡混、到处去玩，并不感到后悔。我觉得青春就是应该挥霍的。</p>
                <div class="middle aligned content">
                    <a href="#">阅读更多<i class="angle double right icon"></i></a>
                </div>
            </div>
            <!-- 底部分页 -->
            <div class="ui two column centered grid">
                <div class="four column centered row">
                    <!-- <div class="column"><a class="" href="#">更新的</a></div> -->
                    <div class="ui animated basic blue button" tabindex="0">
                        <div class="visible content">更新的</div>
                        <div class="hidden content">
                            <i class="left arrow icon"></i>
                        </div>
                    </div>
                    <!-- <div class="column"><a class="" href="#">以前的</a></div> -->
                    <div class="ui animated basic blue button" tabindex="0">
                        <div class="visible content">以前的</div>
                        <div class="hidden content">
                            <i class="right arrow icon"></i>
                        </div>
                    </div>
                </div>
            </div>
            <h2 class="ui dividing header"></h2>
        </div>
    </div>
    <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/semantic-ui/2.2.7/semantic.min.js"></script>
    <script>
        $(document)
            .ready(function() {

                // fix main menu to page on passing
                $('.main.menu').visibility({
                    type: 'fixed'
                });
                $('.overlay').visibility({
                    type: 'fixed',
                    offset: 80
                });
            });
    </script>
</body>

</html>